<template>
  <tab-bar :current="current" color="#f759ab" bindchange="handleChange">
    <tab-bar-item key="mine" icon="mine" current-icon="mine_fill" title="我的"></tab-bar-item>
</tab-bar>
</template>
<script>
export default {
  props: {
    current: { type: String, default: "homepage" }
  },
  data() {
    return {
      tabBar: {
        selectedColor: "#09BB07",
        backgroundColor: "#ffffff",
        list: [
          {
            pagePath: "pages/index/main",
            text: "主页",
            iconPath: "static/images/menu_choice.png",
            selectedIconPath: "static/images/menu_choice_pressed.png"
          },
          {
            pagePath: "pages/order/main",
            text: "订单",
            iconPath: "static/images/menu_topic.png",
            selectedIconPath: "static/images/menu_topic_pressed.png"
          },
          {
            pagePath: "pages/user/main",
            text: "我的",
            iconPath: "static/images/menu_me.png",
            selectedIconPath: "static/images/menu_me_pressed.png"
          }
        ]
      }
    };
  },
  methods: {
    handleChange(e) {
      // this.setData({
      //     current: detail.key
      // });
    }
  }
};
</script>
